<div id="preview-trigger">
    <div class="preview-trigger-show">
        <img src="/Public/dist/Home/image/ic_phone.png" />
        <div>预览</div>
    </div>
    <div class="preview-trigger-return hidden">
        <img src="/Public/dist/Home/image/ic_monitor.png" />
        <div>返回</div>
    </div>
</div>
<div id="preview-container" class="hidden preview-container vertical-middle-block">
    <div class="vertical-middle-block-cell">
        <div id="preview-phone" data-logo="{:MEIZHU_URL}{$logoimageurl}" original="{:MEIZHU_URL}" data-name="{:$hotelPreviewDetail['name']}" data-desc="{:$hotelPreviewDetail['desc']}">
            <div class="preview-phone-container">
                <iframe class="preview-phone" originalSrc="http://{:MEIZHU_BOOK_HOST}/Home/BookPage/index?hotel={$currentHotel}"></iframe>
            </div>
            <div>
                <div class="preview-title">直接扫码推广微预定</div>
                <div class="preview-desc">还可将下放链接填写在微信自定义菜单或生成二维码，立即推广酒店</div>
                <div class="preview-link">http://{:MEIZHU_BOOK_HOST}/Home/BookPage/index?hotel={$currentHotel}</div>
                <div id="previewPhoneQRCode" data-logo="{$logoimageurl}"></div>
                <div class="preview-title preview-subtitle">客栈二维码名片</div>
                <div class="preview-desc">亲，在“微预定设置 - 基本设置”填写好酒店名称和简介，可直接生成推广图文！</div>
                <div class="preview-desc">效果如下：</div>
                <div class="preview-share-media-container text-center"><iframe class="preview-share-media" originalSrc="{:MEIZHU_URL}/book/{$currentHotel}.html"></iframe><div id="preview-media-download" class="btn-link btn-sm">预览并下载</div><div class="preview-media-tip">(IE浏览器不支持下载图片，请更换其他浏览器或通过QQ等截图)</div>
                    <div class="preview-share-action"><div class="preview-share-action-item preview-share-action-wechat" data-toggle="tooltip" data-placement="right" data-html="true" title="<div class='tooltipCanvasContainer'></div>" data-container="#preview-container"></div><div class="preview-share-action-item preview-share-action-qqzone"></div><div class="preview-share-action-item preview-share-action-weibo"></div></div>
                </div>
            </div>
        </div>
    </div>
</div>
